<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link href="../css/ui.min.css" rel="stylesheet">
		<link href="../fonts/iconfont.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet"><!-- 样式 -->
		<link rel="stylesheet" type="text/css" href="../css/admin.css" />
		<link rel="stylesheet" type="text/css" href="../js/datepicker/jquery.datetimepicker.min.css" />
		<script src="../js/jquery.min.js"></script>
		<script src="../js/select2/js/select2.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="header">
			<div class="h-bar">
				<div class="container">
					<div class="login-wel"><img src="../images/buy/wel.png" alt="">串串的店您好,欢迎来到创业模拟电商平台!<a
							href="">[退出]</a></div>
					<div class="h-menu">
						<img src="../images/web/user.png"> <a href="" class="lk">登录</a> <span class="line">|</span> <a
							href="" class="lk">免费注册</a>
					</div>
					<ul class="h-link">
						<li><a href="">消息<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="">收藏夹</a></li>
						<li class="line"></li>
						<li><a href="../BuyerCenter/买家中心.html">买家中心</a></li>
						<li class="line"></li>
						<li><a href="../BuyerCenter/购物车.html">购物车<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="开店.html">卖家中心</a> </li>
						<li class="line"></li>
						<li><a href="../帮助中心.html"><i class="iconfont icon-help"></i>帮助中心</a></li>
					</ul>
				</div>
			</div>
			<div class="container">
				<div class="nav-grid clearfix">
					<div class="logo"><a href="../首页.html"><img src="../images/web/logo.png"></a></div>
					<div class="nav-search buy-nav-search">
						<div class="search-bar">
							<div class="search-select">
								<select name="" class="select">
									<option value="">宝贝</option>
									<option value="">店铺</option>
								</select>
							</div>
							<script type="text/javascript">
								$('.select').select2()
							</script>
							<div class="search-v">
								<input type="text" placeholder="请输入您要查询的内容" class="input">
							</div>
							<button class="btn btn-default" type="button">搜搜</button>
						</div>
						<div class="key-box">
							<span class="iconfont icon-remen"></span><span>热门搜索：</span><a href="">男装</a><a
								href="">女装</a><a href="">母婴</a><a href="">化妆品</a>
						</div>
					</div>
				</div>
				<div class="navbar buy-navbar">
					<div class="cate-nav">
						<div class="cate-nav-text"><span class="iconfont icon-NMStubiao-"></span>卖家中心</div>
					</div>
					<ul class="navbar-nav">
						<li><a href="../BuyerCenter/买家中心.html">买家中心</a></li>
						<li><a href="账户管理.html">我的账户</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="container">
				<div class="card radius-card">
					<div class="slideTxtBox">
						<div class="hd">
							<ul>
								<li>订单详情</li>
							</ul>
						</div>
						<div class="bd">
							<div class="order-detail p20">
								<div class="order-detail-head ">
									<span>订单状态:<i class="text-orange">货到付款待发货</i></span>
									<span>订单编号:<i>5827320201223103154</i></span>
									<span>下单时间:<i>2020-12-23 10:31:54</i></span>
								</div>
								<div class="order-detail-body">
									<ul class="order-list order-detail--list">
										<li class="order-list__item">
											<div class="order-list__item__head">
												<span class="order-info">买家信息</span>
											</div>
											<div class="order-list__item__body clearfix">
												<div class="buy-info--item">
													<span class="buy-info--label">收货人：</span>
													<span class="buy-info--value">林柠</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">收货地址：</span>
													<span class="buy-info--value">上海市 上海市 松江区 崇安街区</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">邮政编码：</span>
													<span class="buy-info--value">10000</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">电话号码：</span>
													<span class="buy-info--value">201-2562</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">手机号码：</span>
													<span class="buy-info--value">12345678901</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">配送方式：</span>
													<span class="buy-info--value">快递</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">配送时间：</span>
													<span class="buy-info--value">2020-12-23 10:33:48</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">发票类型：</span>
													<span class="buy-info--value">个人</span>
												</div>
											</div>
										</li>
										<li class="order-list__item">
											<div class="order-list__item__head">
												<span class="order-info">订单信息</span>
											</div>
											<div class="order-list__item__body clearfix">
												<div class="buy-info--item">
													<span class="buy-info--label">运费：</span>
													<span class="buy-info--value">¥0.0 [平邮]</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">电话号码：</span>
													<span class="buy-info--value">1205533212</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">所在地区：</span>
													<span class="buy-info--value">北京市</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">订单总价：</span>
													<span class="buy-info--value"><i
															class="text-danger">¥2.50</i></span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">支付方式：</span>
													<span class="buy-info--value">货到付款</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">支付时间：</span>
													<span class="buy-info--value">2020-12-23 10:33:48</span>
												</div>
											</div>
											<div class="order-info-tebles">
												<table border="1" class="order-info-teble" style="width: 100%;">
													<tr>
														<th style="width: 180px;">商品图片</th>
														<th class="ui-left" style="width: 500px;">商品名称</th>
														<th>商品属性</th>
														<th>商品数量</th>
														<th>商品价格</th>
													</tr>
													<tr>
														<td>
															<div class="shop-img">
																<img src="../images/buy/1.png">
															</div>
														</td>
														<td class="ui-left">橘色卫衣男款</td>
														<td>服装</td>
														<td>1</td>
														<td><span class="text-danger">￥22.50</span></td>
													</tr>
												</table>
											</div>
										</li>
										<li class="order-list__item">
											<div class="order-list__item__head">
												<span class="order-info">买家信息</span>
											</div>
											<div class="order-list__item__body clearfix">
												<div class="buy-info--item">
													<span class="buy-info--label">收货人：</span>
													<span class="buy-info--value">林柠</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">收货地址：</span>
													<span class="buy-info--value">上海市 上海市 松江区 崇安街区</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">邮政编码：</span>
													<span class="buy-info--value">10000</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">电话号码：</span>
													<span class="buy-info--value">201-2562</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">手机号码：</span>
													<span class="buy-info--value">12345678901</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">配送方式：</span>
													<span class="buy-info--value">快递</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">配送时间：</span>
													<span class="buy-info--value">2020-12-23 10:33:48</span>
												</div>
												<div class="buy-info--item">
													<span class="buy-info--label">发票类型：</span>
													<span class="buy-info--value">个人</span>
												</div>
											</div>
										</li>
										<li class="order-list__item">
											<div class="order-list__item__head">
												<span class="order-info">操作历史</span>
											</div>
											<div class="order-list__item__body clearfix">
												<div class="history-item">
													<span class="text-orange">820111257111138473</span>
													<i>于</i> <b>2020-12-23 10:31:54 </b> <i>提交订单</i>
												</div>
												<div class="history-item">
													<span class="text-orange">820111257111138473</span>
													<i>于</i> <b>2020-12-23 10:31:54 </b> <i>提交货到付款申请</i>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="footer">
			<div class="container">
				<div class="foot-row clearfix">
					<div class="foot-item">
						<img src="../images/web/f1.png"><span>学习平台</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f2.png"><span>供销系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f3.png"><span>管理系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f4.png"><span>正保创业实训网</span>
					</div>
					<div class="foot-tel">
						<span class="txt">联系我们</span><span class="tel-v">010-82336106</span>
					</div>
				</div>
				<div class="foot-info">
					本商城系统为非经营性网站。商城所有店铺为虚拟店铺,所有上架商品,仅是模拟教学使用,请勿真实下单、真实支付。
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.side-submenu>span').click(function() {
					$(this).siblings().toggle()
				});
				jQuery(".slideTxtBox").slide({
					trigger: "click"
				});
			});
		</script>
	</body>
</html>
